/*!
 * Page: pages/form/index/index
 * License: MIT
 * Created: 2019-08-29 11:44
 */

@import '../../var';
page {
    background-color: #fff;
    padding-bottom: 200rpx;
}

.flex-align-center {
    display: flex;
    align-items: center;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.tips {
    width: 698rpx;
    padding: 28rpx;
    margin: 20rpx auto 0;
    border-radius: 12rpx;
    background-color: #f5f5f5;
    font-size: 30rpx;
}

.order-list {
    padding: 0 30rpx;
    background: #fff;
    .orderTitle {
        margin-top: 28rpx 0 20rpx;
        padding: 24rpx 0;
        height: 90rpx;
        font-size: 30rpx;
        font-weight: bold;
    }
    .item {
        margin-bottom: 64rpx;
        .info {
            .product {
                display: flex;
                width: 100%;
                height: 100rpx;
                border: 1rpx solid $border-color;
                overflow: hidden;
                .productImg {
                    width: 120rpx;
                    height: 120rpx;
                }
                .productPrice {
                    flex: 1;
                    padding: 20rpx 20rpx 18rpx;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    .title {
                        color: $title-color;
                        font-size: 24rpx;
                    }
                    .productCount {
                        color: $info-color;
                        font-size: 22rpx;
                        text-align: right;
                        &-price {
                            color: $title-color;
                        }
                    }
                    .options {
                        color: $info-color;
                        font-size: 20rpx;
                    }
                }
            }
            .foot {
                margin-top: 32rpx;
                display: flex;
                align-items: center;
                font-size: 24rpx;
                color: $title-color;
                .btns {
                    flex: 1;
                    display: flex;
                    justify-content: flex-end;
                    align-items: center;
                    button {
                        height: 50rpx;
                        padding: 0 26rpx;
                        margin: 0 0 0 10rpx;
                        background-color: inherit;
                        color: $title-color;
                        border: 1rpx solid $primary-color;
                        border-radius: 26rpx;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        &:not(:first-child) {
                            margin-left: 20rpx;
                        }
                    }
                }
            }
        }
    }
}